<template>
	<ul class="icon-demo2">
		<li>
			<ynet-icon name="location" size="xs"></ynet-icon>
			<p>xs</p>
		</li>
		<li>
			<ynet-icon name="location" size="sm"></ynet-icon>
			<p>sm</p>
		</li>
		<li>
			<ynet-icon name="location" size="md"></ynet-icon>
			<p>md</p>
		</li>
		<li>
			<ynet-icon name="location" size="lg"></ynet-icon>
			<p>lg</p>
		</li>
	</ul>
</template>
<script>
	import { Icon } from 'ynet-mobile'
	export default {
		title: '大小',
		name: 'icon-demo',
		components: {
			[Icon.name]: Icon
		}
	}
</script>
<style lang="scss">
	.icon-demo2{
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		padding-bottom: .8rem;
		li{
			width: 25%;
			padding-top: .8rem;
			& > p {
				padding: .2rem 0;
				font-size: .3rem;
				color: #666
			}
		}
	}
</style>